<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<link rel="stylesheet" type="text/css" href="css/style.css"/>
		<link rel="stylesheet" type="text/css" href="css/about_us.css"/>
		<script src="js/jquery-3.1.0.min.js"  type="text/javascript"></script>
	</head>
	<body class="history">
		<div class="headerWrap">
			<div class="header">
				<div class="inner">
					<div class="log"><a href="index.html"><img src="images/logo_03.jpg"/></a></div>
					<ul class="nav clearfix">
						<li><a href="index.html">网站首页</a></li>
						<li><a href="company.html" class="ac">关于我们</a></li>
						<li><a href="news_center.html">新闻中心</a></li>
						<li><a href="product_center.html">产品中心</a></li>
						<li><a href="consult.html">门店资讯</a></li>
						<li><a href="support.html">服务与支持</a></li>
					</ul>
					<ul class="icon">
						<li><a href="login.html"></a></li>
						<li><a href="shop_car.html"></a></li>
						<li><a href="##"></a></li>
					</ul>
				</div>
			</div>
		</div>
		<div class="banner banner_big">
			<div class="inner">
				<div class="rect">
					<div class="ban_bg"><img src="images/brand_bg1.png"/></div>
					<div class="text">
						<h2>THE IS LIFE</h2>
						<p>THE WORD IS AT YOU FEET</p>
					</div>
				</div>
			</div>
		</div>
		<div class="subNav">
			<div class="inner">
				<ul class="clearfix">
					<li><a href="company.html">公司简介</a></li>
					<li><a href="brand.html">品牌文化</a></li>
					<li><a href="history.html"  class="ac">发展历史</a></li>
					<li><a href="brand.html">企业荣耀</a></li>
				</ul>
			</div>
		</div>
		<div class="main about_main inner clearfix">
			<h3 class="main_title">发展历史</h3>
			<h4 class="main_sub_title">development  history</h4>
			<div id="wrap">
				<div class="affair affair_blank">
					<div class="circle">
					</div>
				</div>
<!--				<div class="affair affair_l">
					<div class="circle"><div class="dot"></div></div>
					<div class="pic"><img src="images/company_a.jpg"/></div>
					<div class="text">
						<p class="year">1972</p>
						<p class="con">捷安特自1972年创业以来，巨大机械工业股份有限公司秉持永续经营的态度，精耕发展的新世纪经营哲学，并将"人性理念服务生活"作为企业的重要文化组成。</p>
					</div>
				</div>
				<div class="affair affair_r">
					<div class="circle"><div class="dot"></div></div>
					<div class="pic"><img src="images/company_b.jpg"/></div>
					<div class="text">
						<p class="year">1972</p>
						<p class="con">捷安特自1972年创业以来，巨大机械工业股份有限公司秉持永续经营的态度，精耕发展的新世纪经营哲学，并将"人性理念服务生活"作为企业的重要文化组成。</p>
					</div>
				</div>-->
			</div>
		</div>
		<div class="footer">
			<div class="f_main">
				<div class="inner">
					<dl>
						<dt><a href="company.html">关于我们</a></dt>
						<dd><a href="##">关于捷安达</a></dd>
						<dd><a href="##">捷安达影像</a></dd>
						<dd><a href="##">捷安达文化</a></dd>
					</dl>
					<dl>
						<dt><a href="product_center.html">产品中心</a></dt>
						<dd><a href="##">产品分类</a></dd>
						<dd><a href="##">热销产品</a></dd>
						<dd><a href="##">新品上线</a></dd>
					</dl>
					<dl>
						<dt><a href="news_center.html">新闻资讯</a></dt>
						<dd><a href="##">企业讯息</a></dd>
						<dd><a href="##">最新案例</a></dd>
						<dd><a href="##">企业文化</a></dd>
					</dl>
					<dl>
						<dt><a href="product_center.html">企业产品</a></dt>
						<dd><a href="##">产品讯息</a></dd>
						<dd><a href="##">最新案例</a></dd>
					</dl>
					<dl>
						<dt><a href="##">销售网点</a></dt>
						<dd><a href="##">深圳网点</a></dd>
						<dd><a href="##">成都网点</a></dd>
						<dd><a href="##">重庆网点</a></dd>
					</dl>
					<dl class="last">
						<dt><a href="##">订阅我们</a></dt>
						<dd><a href="##">第一时间了解企业资讯</a></dd>
						<dd><input type="text" placeholder="请输入您的邮箱"/><a href="##" class="arrow">></a></dd>
					</dl>
				</div>
			</div>
			<div class="bot">
				<div class="inner">
					<ul class="copy clearfix">
						<li>服务条款<span>|</span></li>
						<li>隐私政策<span>|</span></li>
						<li>版权所有<span></span></li>
					</ul>
					<div class="bei">蜀ICP备11014931号</div>
					<ul class="icon">
						<li></li>
						<li></li> 
						<li></li> 
					</ul>
				</div>
			</div>
		</div>
	</body>
		<script type="text/javascript">
			var data=[
				{"id":1,"img":"company_a.jpg","year":1972,"con":'捷安特自1972年创业以来，巨大机械工业股份有限公司秉持永续经营的态度，精耕发展的新世纪经营哲学，并将"人性理念服务生活"作为企业的重要文化组成。'},
				{"id":2,"img":"company_b.jpg","year":1980,"con":'捷安特(中国)有限公司于江苏省昆山市经济技术开发区成立，并以其执着之心，创造着中国自行车文化的新纪元。'},
				{"id":3,"img":"company_c.jpg","year":2003,"con":'紧随西部大开发的战略和机遇，巨大机械于2003年12月28日决定在成都龙泉经济技术开发区设立捷安特(成都)有限公司，项目投资一千两百万美元，占地135亩。'},
				{"id":4,"img":"company_d.jpg","year":2010,"con":'捷安特以"全球品牌，当地生根"的行销哲学与自我创意和人性科技，使品牌已成为了国际时尚与尖端科技的代名词。始终创造与生产最佳综合价值的产品及服务，来满足全球消费者的需求。捷安特确信自行车在休闲、娱乐与运动领域里具有多元化的发展空间。同时，它也将是我们明天生活最不可或缺的伙伴。'},
				{"id":5,"img":"company_e.jpg","year":2017,"con":'发展有12家直营店和28家经销商，700余家专卖店，合计1500余家经销网点，使得消费者可以享受“一地购车，全国服务”的服务。并且在关心中国自行车体育运动的同时，也注重自行车休闲文化的导入与发展。在赞助江苏、北京、河北、河南自行车队的同时，也不忘与消费者之间的互动。'}
			];
			var html="";
			var leftClass="affair_l";
			var rightClass="affair_r"
			for(var i=0;i<data.length;i++){
				html=`
					<div class="affair ${data[i].id%2==0? rightClass:leftClass}">
						<div class="circle">
							<div class="dot"></div>
						</div>
						<div class="pic">
							<img src="images/${data[i].img}"/>
						</div>
						<div class="text">
							<p class="year">${data[i].year}</p>
							<p class="con">${data[i].con}</p>
						</div>
					</div>
				`;
				$("#wrap").append(html);
			}
		</script>
	
	</body>
</html>
